<%@ page import="java.text.SimpleDateFormat" %>
<%@ page import="java.util.Date" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>个人中心</title>
<link rel="stylesheet" type="text/css" href="css/top.css">
<link rel="stylesheet" type="text/css" href="css/lunbo.css">
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/public.js"></script>
<link rel="stylesheet" type="text/css" href="css/vipcenter.css">
<link rel="stylesheet" type="text/css" href="css/footer.css"/>
</head>

<body>
	<%@include file="includetop.jsp"%>
    
    <!--banner 开始-->
  <div class="thetoubu">
	<!--头部-->
	
    <!--详细列表-->
    <div class="xiangxilbnm">
    	<!--left-->
                <div class="liefyu">
        	<h2>个人中心</h2>
                <div class="conb">
                <a href="gerenxinxi">个人信息</a>
                <a href="cart">我的购物车</a>
                <a href="dingdan">我的订单</a>
                <a href="favorite">我的收藏</a>
                <a href="logout">注销登陆</a>
                </div>
        </div>
        <script type="text/javascript">
		$(function(){//第一步都得写这个
			$(".liefyu h2").click(function(){//获取title，并且让他执行下面的函数
			$(this)/*点哪个就是哪个*/.next(".conb")/*哪个标题下面的con*/.slideToggle()/*打开/折叠*/.siblings/*锁定同级元素*/(".con").slideUp()/*同级元素折叠起来*/
			})
		})
		</script>
        <!--right-->
        <div class="zuirifip">
        <!--lll-->
        	
        <!--lll-->
        	<div class="dfdaspjtk">
            	<span style=" display:block; float:left; font-size:14px; font-weight:bold; line-height:34px; padding-left:20px; padding-right:20px; color:#666">订单列表</span>
            	
            </div>
            <script>
			$(function(){
				$(".dfdaspjtk a").click(function(){
					$(this).css({color:"#09f"}).siblings().css({color:"#333"})
					})
				})
            </script>
        <!--所有列表-->
            <div style="text-align:center;" class="sydlbdzz"><h3>${wudingdan}</h3></div>
            <div class="sydlbdzz">
                <!--一个列表开始-->
                <c:forEach items="${dingdan}" var="dingdan">
                <div class="gzdlbdzzl">
                    <!--左-->
                    <div class="spzhaopin">
                        <a href="showProduct?id=${dingdan.did}"><img src="${dingdan.image }"/></a>
                    </div>
                    <!--中-->
                    <div class="youstdongi">
                        <a href="showProduct?id=${dingdan.did }"><h5>${dingdan.name }</h5></a>
                        <span>下单时间：<%
                            String t = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(new Date());
                            out.print(t);
                        %></span>
                        <span style=" color:#09f">订单状态：已发货</span>
                        <span>订单金额：<s>￥${dingdan.price*dingdan.count }</s>
                        <s style="color:#666; margin-left:10px">x ${dingdan.count }</s>
                        <s style="color:#666; margin-left:10px"> </s>
                        <s style="color:#666; margin-left:10px"></s>
                    </div>
                    <!--右-->
                    <div class="quzhifubasb">
                        <a href="deleteDingdan?id=${dingdan.id }">删除订单</a>
                    </div>
                    <!--右下-->
                    
                </div>
                </c:forEach>
                <!--一个列表结束-->
                <!--一个列表开始-->
                
                
                <!--一个列表开始-->
                
                <!--一个列表结束-->
            </div> 
        <!--所有列表结束-->
        <!--我的购物车-->
        	
            
        <!--购物车结束--> 
        <!--我的商品收藏-->
        	
            
        <!--商品收藏结束-->
        <!--我收藏的店铺-->
        	
        <!--店铺收藏结束-->
         <!--我的足迹-->
        	
            
        <!--足迹结束-->    
        </div>
        <!--right结束-->
    </div>
    <!--详细列表结束-->
</div>
<!--个人中心结束-->

</body>	
</html>  
